<template>
    <div id="map"></div>
</template>
<script setup lang="ts">
import axios from 'axios';
import MineMap from 'utils/mineMap';
const setMarker = async () => {
    const {
        data: { data }
    } = await axios('/data/mapData.json');
    data.forEach(({ name, level, lat, lng }: any) => {
        mineMap.marker({
            id: name,
            lnglat: [lat, lng],
            click() {
                console.log(level, '==============');
            }
        });
    });
};
onMounted(async () => {
    // (window as any).mineMap = new MineMap({ container: 'map' });
    // setMarker();
});
</script>
<style lang="scss" scoped>
#map {
    width: 100%;
    height: 100%;
}
</style>
